<!DOCTYPE html>
<html lang="en">
    
    <head>
        <title>Ratacom ERP</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <!-- Le styles -->
        <link href="<?php echo base_url(); ?>assets/css/bootstrap.css" rel="stylesheet">
        <link href="<?php echo base_url(); ?>assets/css/bootstrap-responsive.css"
        rel="stylesheet">
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-1.8.3.min.js"></script>
        <link href="<?php echo base_url(); ?>assets/css/application.css"
        rel="stylesheet">
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/bootstrap.js"></script>
        <link href="<?php echo base_url(); ?>assets/css/DT_bootstrap.css"
        rel="stylesheet">
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.dataTables.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/DT_bootstrap.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.livequery.js"></script>
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script>
            $(document).ready(function () {

                $('.icon-minus').live("click", function () {
                    $(this).parent().parent('tr').remove();
                });


                $('.other-row').click(function () {

                    var oNewTR = $('<tr/>');
                    var oNewTD = $('<td/>');
                    var new_item2 = $('<input/>', {
                        'type': 'text',
                            'name': 'empleados_nombres[]',
                            'class': 'text input-nombre',
                            'value': 'wea'
                    });

                    var oIconPlus = $('<i/>', {
                        'class': 'icon-minus remove-row'
                    });

                    $(oNewTR).append(oNewTD.clone().append(oIconPlus.clone()))
                        .append(oNewTD.clone().append(new_item2.clone()))
                        .append(oNewTD.clone().append(new_item2.clone()))
                        .append(oNewTD.clone().append(new_item2.clone()));

                    $('.table-uno').append(oNewTR.clone().attr('class', 'row-service'));
                    console.info('end create row');
                });






            });
        </script>
    </head>
    
    <body>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <div class="container" style="width: 420px; ">
            <table class="table-uno table table-bordered">
                <tr>
                    <td><i class="icon-plus"></td>
		<td>dos</td>
		<td>tres</td>
		<td>cuatro</td>
	</tr>
	<tr>
		<td><i class="icon-plus other-row"></td>
		<td>cinco</td>
		<td>seis</td>
		<td>siete</td>
	</tr>
	
	</table>
  
</div>
</body>
</html> 
